<template>
  <div class="ct-mark">
    <!-- <p class="ct-mark-tips">拖拽点</p> -->
  </div>
</template>
<script type="text/javascript">
// import empty from './empty.vue'
export default {
  components: {
    //empty
  },
  data() {
    return {

    }
  },
  /**
   * 计算属性
   * @type {Object}
   */
  computed: {

  },
  /**
   * 数据监听
   * @type {Object}
   */
  watch: {

  },
  /**
   * 页面加载执行
   * @return {[type]} [description]
   */
  mounted() {

  },
  /**
   * 页面方法
   * @type {Object}
   */
  methods: {

  }
}

</script>
<style type="text/css" lang="scss">
.ct-mark {
  display: inline-block;
  position: relative;
  z-index: 10086;
  width: 25px;
  height: 25px;
  // top: 0;
  // left: 0;
  // right: 0;
  // bottom: 0;
  background-color: #96bade;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  // background: linear-gradient(45deg,
  //   rgba(150, 186, 222, .5) 0, rgba(150, 186, 222, .5) 25%, transparent 25%, transparent 50%,
  //   rgba(150, 186, 222, .5) 50%, rgba(150, 186, 222, .5) 75%, transparent 75%, transparent);
  background-color: black;
  background-size: 25px 25px;
}

.ct-mark-tips {
  line-height: 25px;
  font-size: 12px;
  text-align: center;
  color: #6082a7;
}

</style>
